<style>
    .row {
        padding: 10px 0;
    }

    .row div:first-child {
        font-size: 20px;
        color: #696767;
    }

    .row div:nth-child(1) {
        font-size: 18px;
        line-height: 20px;
    }

    .userFace img {
        position: absolute;
        left: 400px;
        top: -200px;
        width: 120px;
        height: 120px;
        border-radius: 50%;
    }
</style>
<script>
    $(function () {
        var baseUrl = 'http://123.57.57.185:7788';
        $.ajax({
            url: baseUrl + '/user/info',
            type: 'GET',
            headers: {
                'Authorization': sessionStorage.getItem('token')
            },
            data: {
                token: sessionStorage.getItem('token')
            },
            success: function (data) {
                var time = new Date(data.data.registerTime);
                $('.row').eq(0).children().eq(1).text(data.data.username);
                $('.row').eq(1).children().eq(1).text(data.data.realname);
                $('.row').eq(2).children().eq(1).text(data.data.telephone);
                $('.row').eq(3).children().eq(1).text(data.data.gender);
                $('.row').eq(4).children().eq(1).text(time.toLocaleDateString());
                $('.row').eq(5).children().eq(1).text(data.data.status);
                $('.userFace img').attr('src', data.data.userFace);
            }
        })
    })
</script>

<div class=".container">
    <div class="row">
        <div class="col-xs-2"><strong>用户名</strong></div>
        <div class="col-xs-2"></div>
    </div>
    <div class="row">
        <div class="col-xs-2">姓名</div>
        <div class="col-xs-2"></div>
    </div>
    <div class="row">
        <div class="col-xs-2">手机号</div>
        <div class="col-xs-2"></div>
    </div>
    <div class="row">
        <div class="col-xs-2">性别</div>
        <div class="col-xs-2"></div>
    </div>
    <div class="row">
        <div class="col-xs-2">注册时间</div>
        <div class="col-xs-2"></div>
    </div>
    <div class="row">
        <div class="col-xs-2">状态</div>
        <div class="col-xs-2"></div>
    </div>
    <div class="userFace" style="position: relative;">
        <img src="" alt="">
    </div>
    <div class="row">
        <div class="col-xs-2">
            <button type="button" class="btn btn-primary btn-sm">修改</button>
        </div>
    </div>
</div>